<template>
  <div>
    <h3>{{ msg }}</h3>
    <el-form>
      <el-form-item>
        <el-input v-model="msg" placeholder="请输入内容" prefix-icon="el-icon-user-solid" show-password />
      </el-form-item>
      <el-form-item>
        <el-input v-model="msg" placeholder="请输入内容" prefix-icon="el-icon-user-solid" show-password />
      </el-form-item>
    </el-form>
    <el-button type="primary" round>主要按钮</el-button>
    <h3>{{ obj }}</h3>
    <button @click="btnClick">修改name</button>
    <h3>{{ arr }}</h3>
    <button @click="btnClick2">修改数组</button>

  </div>
</template>
<script>
export default {
  data() {
    return {
      msg: '',
      obj: {
        name: 'zs'
      },
      arr: [1, 2, 3]
    }
  },
  methods: {
    btnClick() {
      this.obj.age = 18
      console.log(this.obj)
    },
    btnClick2() {
      // this.arr.push(4)
      this.arr[0] = Date.now()
    }
  }
}
</script>
<style>
</style>
